<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>contact</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/contact.css">
</head>
<body>
<div class="head">
    <div class="inner">
        <div class="logo">
            <a href="#"><img src="images/logo.png" alt=""></a>
        </div>
        <div class="nav">
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="">About</a></li>
                    <li><a href="portfolio.html">Portfolio</a></li>
                    <li><a href="">Features</a></li>
                    <li><a href="">Blog</a></li>
                    <li><a class="act" href="">Contact</a></li>
                </ul>
            </nav>
        </div>
        <div class="right">
            <a href="#"></a>
            <a href="#" class="er"></a>
            <a href="#" class="san"></a>
            <a href="#" class="si"></a>
            <a href="#" class="wu"></a>
            <a href="#" class="liu"></a>
        </div>
    </div>
</div>
<div class="main inner">
    <h3>CONTACT US</h3>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur,Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,</p>
    <input type="text" value="Name" class="text">
    <input type="text" value="E-mail" class="text">
    <input type="text" value="Subject" class="text">
    <textarea>Message</textarea>
    <input type="submit" value="SEND MESSAGE" class="sub">
</div>
<div class="footer">
    <div class="inner">
        <div class="about">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</a></p>
            <p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</a></p>
        </div>
        <div class="tags">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <div class="gjc">
                <a href="#">Awesome</a>
                <a href="#">Strategy</a>
                <a href="#">Photography</a>
                <a href="#">Development</a>
                <a href="#">Css</a>
                <a href="#">photoshop</a>
                <a href="#">Html</a>
                <a href="#">Awesome</a>
                <a href="#">Strategy</a>
                <a href="#">Photoshop</a>
                <a href="#">Html</a>
            </div>
        </div>
        <div class="test">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <div class="test_top">
                <img src="images/tw.png" alt="">
                <p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
            </div>
            <h4>ABOUT 15 MINS</h4>
            <div class="test_top test_topp">
                <img src="images/tw.png" alt="">
                <p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
            </div>
            <h4>ABOUT 15 MINS</h4>
        </div>
        <div class="feed">
            <h3>ABOUT STUDEON</h3>
            <div class="xian"></div>
            <div class="pic">
                <a href="#"><img src="images/f1.png" alt=""></a>
                <a href="#"><img src="images/f2.png" alt=""></a>
                <a href="#"><img src="images/f3.png" alt=""></a>
                <a href="#"><img src="images/f4.png" alt=""></a>
                <a href="#"><img src="images/f1.png" alt=""></a>
                <a href="#"><img src="images/f2.png" alt=""></a>

            </div>
        </div>
    </div>
</div>
<div class="bottom">
    <div class="inner">
        <a href="index.html"><img src="images/logo2.png" alt=""></a>
        <p>Copyright ? 2015 All rights Reserved | Template by  <a href="">W3layouts</a></p>
    </div>
    <div class="gotop">
        <a href="#"></a>
    </div>
</div>
</body>
</html>